@import "~ant-design-vue/lib/style/themes/default.less";

.headerSearch {
    .anticon-search {
        cursor: pointer;
        font-size: 16px;
    }
    .input {
        transition: width 0.3s, margin-left 0.3s;
        width: 0;
        background: transparent;
        border-radius: 0;
        .ant-select-selection {
            background: transparent;
        }
        input {
            border: 0;
            padding-left: 0;
            padding-right: 0;
            box-shadow: none !important;
        }
        &,
        &:hover,
        &:focus {
            border-bottom: 1px solid @border-color-base;
        }
        &.show {
            width: 210px;
            margin-left: 8px;
        }
    }
}
